let as = document.querySelectorAll("#db a");
        let sps = document.querySelectorAll("#db a span");
        console.log(sps);
        // console.log(as);
        for (let i = 0; i < as.length; i++) {
            as[i].addEventListener("mouseenter", function () {
                // console.log(i);
                let imgs = this.querySelector("img");
                console.log(imgs);
                imgs.addEventListener("mouseenter", function () {
                    // alert(i);
                    this.style.backgroundPositionX = "-50px"
                    sps[i].style.display = "block";
                })
                imgs.addEventListener("mouseleave", function () {
                    this.style.backgroundPositionX = "0px"
                    sps[i].style.display = "none";
                })
                // imgs.style.backgroundPositionX='-50px';
                // .style.backgroundPositionX="50px";
            })
        }
        // 卷动事件 回到顶部
        // 获取事件源
        let btt = document.querySelector("#db a .img-4");
        // 给事件源添加卷动事件  这里要特别注意卷动事件的事件源是window
        window.addEventListener("scroll", function () {
            //   获取滚动距离 兼容性写法因为老版本的历览器卷动事件的事件源可能不是window
            let slenth = document.documentElement.scrollTop || document.body.scrollTop;
            // console.log(slenth);
            // console.log(btt);     
            if (slenth > 500) {
                btt.classList.remove("nn");
            }
            if (slenth <= 500) {
                btt.classList.add("nn");
            }
            // return slength;
        })
        // console.log(slength);

        // 回到顶部的实现
        // 分析:
        //   当window.document.documentElement.scrollTop=0时回到顶部
        btt.addEventListener("click", function () {
            // alert("22");
            // slenth=0;
            // window.document.documentElement.scrollTop="0";
            // window.document.documentElement.scrollTop="500";
            // 添加定时器让回到顶部的效果看上去是动态的
            let ttid = setInterval(function () {
                let dong = window.document.documentElement.scrollTop = window.document.documentElement.scrollTop - 20;
                if (dong ==0) {
                    clearInterval(ttid)
                }
            }, 10)

        })